<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>crud</title>
		<link rel="stylesheet" href="./css/index.css">
	</head>
	<body>
		<div class="tbody">
			<div class="tbody_top">
				<div class="query_top">
					<span>查询条件</span>
				</div>
				<div class="query_bottom">
					<div class="item-name fl">
						<span class="item">物品名称</span>
						<input type="text" class="item_name">
					</div>
					<div class="item-name fl">
						<span class="item">库存状态</span>
						<select name="" class="item_state">
							<option value=""></option>
							<option value="充足">充足</option>
							<option value="待补货">待补货</option>
						</select>
						<button class="query">查询</button>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="btn">
				<button class="add_form">
					<i class="icon add"></i>
					<span>新增</span>
				</button>
				<button class="update_form">
					<i class="icon update"></i>
					<span>修改</span>
				</button>
				<button class="delete_form">
					<i class="icon dele"></i>
					<span>删除</span>
				</button>
			</div>
			
			<div class="tbody_bottom">
				<table border="1" cellspacing="0" cellpadding="0">
					<thead>
						<tr>
							<th>
								<input type="checkbox">
							</th>
							<th>物品ID</th>
							<th>物品名称</th>
							<th>单价</th>
							<th>单位</th>
							<th>数量</th>
							<th>库存状态</th>
							<th>库存预测</th>
							<th>创建时间</th>
							<th>修改时间</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</div>
			<div class="info">
				<div class="info_left fl">
				总共<span class="total">0</span>条记录,每页显示
					<select class="select_page">
						<option value ="5" selected>5</option>
						<option value ="10">10</option>
						<option value ="20">20</option>
					</select>
				</div>
				<div class="page fr">
					<ul>
						<li class="prev">prev</li>
						<div class="page-item"></div>
						<li class="next">next</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="add_box">
			<div class="add_con">
				<p>添加物品</p>
				<div class="bot">
					<h3>物品名称</h3>
					<input type="text" placeholder="请输入物品名称">
					<h3>单价（元）</h3>
					<input type="text" placeholder="请输入物品单价">
					<h3>单位</h3>
					<input type="text" placeholder="请输入物品单位">
					<h3>数量</h3>
					<input type="text" placeholder="请输入物品数量">
					<h3>库存预警</h3>
					<input type="text" placeholder="请输入">
					<div class="btn-bot">
						<button>取消</button>
						<button class="add_item_btn">确定</button>
					</div>
				</div>
			</div>
		</div>
		<div class="update_box">
			<div class="update_con">
				<p>修改信息</p>
				<input type="hidden" class="update_item_id">
				<div class="bot">
					<h3>物品名称</h3>
					<input type="text" class="update_item_name">
					<h3>单价（元）</h3>
					<input type="text" class="update_item_price">
					<h3>单位</h3>
					<input type="text" class="update_item_format">
					<h3>数量</h3>
					<input type="text" class="update_item_total">
					<h3>库存预警</h3>
					<input type="text" class="update_inventory">
					<div class="btn-bot">
						<button>取消</button>
						<button class="update_item_btn">修改</button>
					</div>
				</div>
			</div>
		</div>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<script src="./js/index.js"></script>
	</body>
</html>
